<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-06-08 07:51:53
 * @LastEditTime: 2019-10-23 18:43:07
 * @LastEditors: Please set LastEditors
 -->
<template name="SWIPER">
  <view style="width:100%">
   <swiper
        autoplay=true
        :indicator-dots="indicatorDots"
        circular=false
        interval="5000"
        duration="1000"
        vertical=true
        style="height: 42upx;width:100%;"
        >
        <swiper-item v-for="(item,key) in arrText" :key="key" :data-id="item.id" @click="goWebview">
          <view style="height:42upx;line-height:42upx;width:100%">{{item.title}}</view>
        </swiper-item>
      </swiper>
  </view>
</template>
<script>
import Vue from "vue";
export default {
props: ["arrText"],
  data() {
    return {
      indicatorDots:false
    };
  },
  methods:{
    goWebview(e){
      let id=e.currentTarget.dataset.id
        Vue.customNavigateTo(`knowledgeDetails?id=${id}`);
    }
  }
};
</script>